import React, { Component } from 'react';
// 带入 Store
import Store from '../../store/index';
// 导入 Action
import {sendAction} from '../../action/index';

class index extends Component {
    handleClick = () =>{
        //先调用一下 sendAction 函数拿到 Action 对象
        const action =  sendAction()
        console.log(action);
        // 发送一个 Action 利用 Store.dispatch发送
        Store.dispatch(action)   
    }

    // 当组件一加载完毕的时候就监听
    componentDidMount() {
        Store.subscribe(() => {
            console.log(Store.getState());
            // 需要写 setState 才会刷新组件
            this.setState({})
        })
    }
    
    render() {
        return (
            <>
                <button onClick={this.handleClick}>点我点我，发送一个Action</button>
                <div>{Store.getState().value}</div>
            </>
        );
    }
}

export default index;